<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/DDW.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
</head>

<body>
    <div class="A">
        <div class="B">
            <ul>
                <li><a href="#">送至：河北</a><i class="iconfont icon-angle-down"></i></li>
            </ul>
            <ol>
                <li><a href="#">欢迎光临当当</a></li>
                <li>
                    请<a href="#" style="color: red;">登录</a>成为会员
                </li>
                <li class="cret"><a href="#"><i class="iconfont icon-gouwuche" style="color: red;"></i>购物车<a href="#" style="color: red;">0</a></a>
                </li>
                <li class="cret"><a href="#">我的订单</a></li>
                <li class="cret"><a href="#">我的云书房</a></li>
                <li class="cret"><a href="#">我的当当</a><i class="iconfont icon-angle-down"></i></li>
                <li class="cret"><a href="#">0元购物</a><i class="iconfont icon-angle-down"></i></li>
                <li class="cret"><a href="#">小说购物</a></li>
                <li class="cret"><a href="#">我要出书</a></li>
                <li class="cret"><a href="#">企业采购</a><i class="iconfont icon-angle-down"></i></li>
                <li><a href="#">客户服务</a><i class="iconfont icon-angle-down"></i></li>
            </ol>

        </div>

    </div>
    <div class="C">
        <div class="D">
            <div class="E">
                <img src="img/images/001_03.gif" alt="">
            </div>
            <div class="F">
                <input type="text" placeholder="雪漠智慧课程">
                <select name="" id="">
                    <option value="全部分类">全部分类</option>
                    <option value="全部分类">全部分类</option>
                    <option value="全部分类">全部分类</option>
                    <option value="全部分类">全部分类</option>
                    <option value="全部分类">全部分类</option>
                </select>
                <button><i class="iconfont icon-fangdajing"></i></button>
                <ul>
                    <li>热搜：</li>
                    <li><a href="#">芭比娃娃</a></li>
                    <li><a href="#">芭比娃娃</a></li>
                    <li><a href="#">芭比娃娃</a></li>
                    <li><a href="#">芭比娃娃</a></li>
                    <li><a href="#">芭比娃娃</a></li>
                </ul>
                <ol>
                    <li><a href="#">高级搜索</a></li>
                </ol>
            </div>
            <div class="G">
                <ul>
                    <li><a href="#"><i class="iconfont icon-gouwuche"></i>购物车0</a></li>

                </ul>
                <ol>
                    <li><a href="#">我的订单</a></li>
                </ol>
            </div>
        </div>

    </div>
    <div class="H">
        <div class="I">
            <ul>
                <li><a href="#">全部商品分类<i class="iconfont icon-angle-down"></i></a></li>
            </ul>
            <ol>
                <li>
                    <a href="#">图书</a>
                </li>
                <li>
                    <a href="#">电子书</a>
                </li>
                <li>
                    <a href="#">网络文学</a>
                </li>
                <li>
                    <a href="#">服装</a>
                </li>
                <li>
                    <a href="#">户外运动</a>
                </li>
                <li>
                    <a href="#">孕婴童</a>
                </li>
                <li>
                    <a href="#">家居</a>
                </li>
                <li>
                    <a href="#">当当优品</a>
                </li>
                <li>
                    <a href="#">食品</a>
                </li>
                <li>
                    <a href="#">APPLE</a>
                </li>
                <li>
                    <a href="#">电器城</a>
                </li>
            </ol>
        </div>
    </div>
    <div class="J">
        <div class="k">
            <div class="zb">
                <ul>
                    <li><a href="#">图书、童书</a></li>
                    <li><a href="#">图书、童书</a></li>
                    <li><a href="#">图书童书 加丹加</a></li>
                    <li><a href="#">图书、童书</a></li>
                    <li><a href="#">图书、童书</a></li>
                    <li><a href="#">图书童书 啊是第几</a></li>
                    <li><a href="#">图书、童书</a></li>
                    <li><a href="#">图书、童书</a></li>
                    <li><a href="#">图书童书 的破i</a></li>
                    <li><a href="#">图书、童书 地方了哦</a></li>
                    <li><a href="#">图书、童书</a></li>
                    <li><a href="#">图书童书 儿科闷热</a></li>
                    <li><a href="#">图书、童书</a></li>
                    <li><a href="#">图书童书</a></li>
                    <li><a href="#">图书、童书 对ij</a></li>
                    <li><a href="#">图书、童书</a></li>

                </ul>

            </div>
            <div class="zj">
                <div class="zjsb">

                    <ul>
                        <li id="img1">
                            <a href="#"><img src="img/100.jpg" alt=""></a>
                        </li>
                        <li id="img2">
                            <a href="#"><img src="img/200.jpg" alt=""></a>
                        </li>
                        <li id="img3">
                            <a href="#"><img src="img/300.jpg" alt=""></a>
                        </li>
                        <li id="img4">
                            <a href="#"><img src="img/400.jpg" alt=""></a>
                        </li>
                        <li id="img5">
                            <a href="#"><img src="img/500.jpg" alt=""></a>
                        </li>
                        <li id="img6">
                            <a href="#"><img src="img/600.jpg" alt=""></a>
                        </li>
                        <li id="img7">
                            <a href="#"><img src="img/700.jpg" alt=""></a>
                        </li>
                        <li id="img8">
                            <a href="#"><img src="img/800.jpg" alt=""></a>
                        </li>


                    </ul>
                    <ol>
                        <li>
                            <a href="#img1">1</a>
                        </li>
                        <li>
                            <a href="#img2">2</a>
                        </li>
                        <li>
                            <a href="#img3">3</a>
                        </li>
                        <li>
                            <a href="#img4">4</a>
                        </li>
                        <li>
                            <a href="#img5">5</a>
                        </li>
                        <li>
                            <a href="#img6">6</a>
                        </li>
                        <li>
                            <a href="#img7">7</a>
                        </li>
                        <li>
                            <a href="#img8">8</a>
                        </li>

                    </ol>
                    <div class="OL"><i class="iconfont icon-angle-left"></i></div>
                    <div class="RL"><i class="iconfont icon-angle-right"></i></div>
                </div>
                <div class="zjxb">
                    <img src="img/images/002_03.gif" alt="">
                </div>

            </div>
            <div class="yb">
                <div>
                    <img src="img/images/003_03.gif" alt="">

                </div>
                <div class="ybzj">
                    <div class="lol">
                        <ul>
                            <li><a href="#">信息公告</a></li>
                        </ul>
                        <ol>
                            <li><a href="#">服务公告</a></li>
                        </ol>
                    </div>
                    <div class="jkj">
                        <dl>
                            <dd><a href="#" style="color: red;">关于谨防诈骗的重要提醒</a></dd>
                            <dd>
                                <a href="#">关于谨防诈骗的重要提醒</a></dd>

                            <dd><a href="#">关于谨防诈骗的重要提醒</a></dd>
                            <dd><a href="# " style="color: red; ">关于谨防诈骗的重要提醒</a></dd>
                        </dl>
                    </div>
                </div>
                <div class="ybxb">
                    <img src="img/images/004_03.gif" alt="">
                </div>
            </div>
        </div>

    </div>
    <div class="M">
        <div class="N">
            <img src="img/images/005_03.gif" alt="">
        </div>
    </div>
    <div class="Q">
        <div class="V">
            <div class="a1">
                <ul>
                    <li>购物指南</li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">购物流程</a></li>
                </ul>
            </div>
            <div class="a2">
                <ul>
                    <li>支付方式</li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">购物流程</a></li>
                </ul>
            </div>
            <div class="a3">
                <ul>
                    <li>订单服务</li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">购物流程大</a></li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">购物流程</a></li>
                </ul>
            </div>
            <div class="a4">
                <ul>
                    <li>配送方式</li>
                    <li><a href="#">购物流程啊</a></li>
                    <li><a href="#">购物流程啊</a></li>
                    <li><a href="#">购物流程取</a></li>
                    <li><a href="#">购物流程啊</a></li>
                </ul>
            </div>
            <div class="a5">
                <ul>
                    <li>退换货</li>
                    <li><a href="#">购物流</a></li>
                    <li><a href="#">购物流</a></li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">购物流程啊</a></li>
                </ul>
            </div>
            <div class="a6">
                <ul>
                    <li>商家服务</li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">购物流程</a></li>
                    <li><a href="#">购物流程</a></li>

                </ul>
            </div>

        </div>

    </div>
    <div class="S">
        <div class="s1">
            <ul>
                <li class="cret"><a href="#">公司简介</a></li>
                <li class="cret"><a href="#">公司简介</a></li>
                <li class="cret"><a href="#">公司简介</a></li>
                <li class="cret"><a href="#">公司简介</a></li>
                <li class="cret"><a href="#">公司简介</a></li>
                <li class="cret"><a href="#">公司简介</a></li>
                <li class="cret"><a href="#">公司简介</a></li>
                <li class="cret"><a href="#">公司简介</a></li>
                <li><a href="#">公司简介</a></li>
            </ul>
        </div>
    </div>
</body>

</html>